module.exports = {
  theme: {
    extend: {
      /* 调色盘 */
      colors: require('./presets/colors/color-palette.js'),
      /* backgroundColor: require('./presets/colors/color-palette.js'),
      textColor: require('./presets/colors/color-palette.js'), */
      
      /* 单位比 */
      /* spacing: {
        xs: '4px',
        sm: '8px',
        md: '12px',
        lg: '18px',
        xl: '24px',
        '2xl': '30px',
      }, */
      
      /* 圆角边框 */
      /* borderRadius: {
        tile: '1.125rem',
        pill: '980px',
        max: '50%',
      }, */
      
      /* 字体家族 */
      fontFamily: {
        sans: '\'-apple-system\', BlinkMacSystemFont, \'Segoe UI\', Roboto, \'Helvetica Neue\', Arial, \'Noto Sans\', sans-serif, \'Apple Color Emoji\', \'Segoe UI Emoji\', \'Segoe UI Symbol\', \'Noto Color Emoji\'',
      },
      
      /* 字体大小 */
      fontSize: require('./presets/font-size.js')
    },
  },
  /* 解决JS动态添加class后tailwindcss样式不生效问题 */
  safelist: [
    {
      pattern: /gap-*/,
    },
    {
      pattern: /grid-cols-*/,
    },
    {
      pattern: /grid-rows-*/,
    },
    {
      pattern: /col-span-*/,
    },
    {
      pattern: /row-span-*/,
    },
    {
      pattern: /line-clamp-*/,
    },
  ],
  plugins: [],
};